<template>
    <div>
        <p>文本插值{{message}}</p>
        <p>JS 表达式{{ flag?'yes':'no'}} (只能时表达式 不能时js语句)</p>
        <p :id="dynamicId">动态属性id</p>
        <hr/>
        <p v-html="rawHtml">
            <span>有xss风险</span>
            <span>【注意】使用 v-html 之后，将会覆盖子元素</span>
        </p>
    </div>
</template>
<script>


export default {
    data() {
        return {
            message: 'hello',
            flag: true,
            dynamicId:  `id-${Date.now()}`,
            rawHtml: '指令 - 原始 html <b>加粗</b> <i>斜体</i>',
        }
    }
    
}
</script>
